<template>
  <div class="wrap">
      <HeadBar title="我的订单" :isShowLeftIcon="true" 
      @isShowComponent="isHide" ></HeadBar>
  </div>
</template>

<script>
import HeadBar from "@/components/HeadBar"
import {dingdanList} from "@/api/dingdan.js"
export default {
    name:"dingdan",
    isShowPage:false,
    data() {
        return {
            list: [],
            listInfo:{}
        }
    },
    components:{
        HeadBar
    },
    created(){
        this.dingdanListHndler()
    },
    methods: {
        isHide($event){
            this.isShowPage=$event;
            this.$emit("HIDE",$event);
        },
       async dingdanListHndler(){
           const res =  await dingdanList();
           this.listInfo = res.data.data;
           this.list = res.data.data.data;

        }
    }
}
</script>

<style scoped lang="scss">
    .wrap{
        width: 100vw;
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }
</style>